<!DOCTYPE html>
<html>
<?php

/*
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */

?>
    <head>
    <title>Search Cheapest Flight</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link href="css/bootstrap.css" rel="stylesheet" media="screen">
    <style type="text/css">
      body {
        padding-top: 20px;
        padding-bottom: 40px;
      }
      /* Custom container */
      .container-narrow {
        margin: 0 auto;
        max-width: 700px;
      }
      .container-narrow > hr {
        margin: 30px 0;
      }
      </style>
        <meta charset="utf-8" />
  
  <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
  <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
   
    <script>
        
         $(function() {
    var availableTags = [
     "Ahmedabad (AHD)",
     "Vadodara",
     "Banglore"
    ];
    $( "#from" ).autocomplete({
      source: availableTags
    });
    $("#to").autocomplete({
        source: availableTags
    })
  });
   $(function() {
    $( "#datepicker" ).datepicker();
  });
    </script>   
    <body>
        <div class="container" >

      <div class="masthead">
        <ul class="nav nav-pills pull-right">
          <li><a href="index.php">Home</a></li>
          <li class="active"><a>Search Flights</a></li>
          <li><a href="#">Contact</a></li>
        </ul>
        <h3 class="muted">CheapestFlights</h3>
      </div>
        <h2>Search Cheapest Flight </h2>
        <section>
        <div class="well span9">
            <form class="form-horizontal" action="info.php" method="post">
                <div class="span8 offsetTop1">
                    From: <input type="text" class="input-large" id="from" name="from" placeholder="From"/>
                    To: <input id="to" name="to"/>
                 
               </div> 
                <br/>
            </form>
                
                <div class="span8 offsetTop1" >
                    <div class="span8">
                        <label class="inline radio">
                        <input type="radio" name="optionsRadios" id="return" value="return" checked>Round_Trip
                    </label>
                    <label class="radio inline">
                        <input type="radio" name="optionsRadios" id="oneway" value="oneway">
                        OneWay
                    </label>
                        
                    </div>
                </div>
            
            <br/><br/>
            
            <div class ="span8 offsetTop1">
                <div>
                    Departure Date <input id="datepicker" name="departure"/>
                    
                
                    Returns: <input id="datepicker" name="returns" class="disabled" disabled/> 
                    
                 </div>
                <input type="submit" class="btn btn-primary offsetTop1 pull-right" name="Search" value="search"/>
            </form>
        </div>
           </div>
        </section>
           
           </div>
</body>
 
    <script src="js/bootstrap.min.js"></script>
</html>

